{extend name="Public:base" /}
{block name="seo"}
<title>{$homeuserinfo['nickname']}的详情页|用户页|{$Think.CONFIG.WEB_SITE_TITLE} - Powered by EasySNS!</title>


<meta name="keywords" content="{$Think.CONFIG.WEB_SITE_KEYWORD}">
<meta name="description" content="{$Think.CONFIG.WEB_SITE_DESCRIPTION}">
{/block}
{block name="body"}
<div class="aw-container-wrap">
    <div class="container">
        <div class="row">
            <div class="aw-content-wrap clearfix">
                <div class="col-sm-12 col-md-9 aw-main-content">
                    <!-- 用户数据内容 -->
                    <div class="aw-mod aw-user-detail-box">
                        <div class="mod-head uc_top_bg">
                            <img class="avatar-img img-circle bigimg" alt="{$homeuserinfo.nickname}"
                                 src="{$homeuserinfo.userhead|getheadurl}">
                            <span class="pull-right operate">
                                {if condition="$hasfocus eq 1"}
                                 <a href="javascript:;" class="follow btn btn-normal btn-success active"
                                    onclick="AWS.User.follow($(this), 'user',{$homeuserinfo.id});"><span>取消关注</span> <em>|</em> <b>{$homeuserinfo.fscount}</b></a>
                           
                                {elseif condition="$hasfocus eq 2"}
                                
                                {else/}
                                
                                 <a href="javascript:;" class="follow btn btn-normal btn-success "
                                    onclick="AWS.User.follow($(this), 'user', {$homeuserinfo.id});"><span>关注</span> <em>|</em> <b>{$homeuserinfo.fscount}</b></a>
                           
                                {/if}
                               
                            </span>
                            <h1 style="color:#fff;">{$homeuserinfo.nickname} {if condition="$homeuserinfo['rzuser'] neq
                                0"}<i class="iconfont icon-myvip es-font20"></i>{/if}</h1>

                            {if condition="$homeuserinfo['rzuser']"}

                            <p class="text-color-000 es-font12">{$homeuserinfo.rzuser.statusdes}</p>


                            {else/}
                            <p class="text-color-000 es-font12">
                                {$homeuserinfo['grades']|getusergrade=$homeuserinfo['id']}</p>
                            <p class="text-color-000 es-font12">{$homeuserinfo.description}</p>

                            {/if}

                            <p class="aw-user-flag">
                            </p>
                        </div>
                        <div class="mod-body">
                            <div class="meta">
                                <span><i class="iconfont icon-gongxianbang"></i> 威望 : <em class="aw-text-color-green">{$homeuserinfo.expoint2}</em></span>
                                <span><i class="iconfont icon-jifen"></i> 金币 : <em class="aw-text-color-orange">{$homeuserinfo.point}</em></span>
                                <span><i class="iconfont icon-huoyuedu"></i> 经验 : <em class="aw-text-color-orange">{$homeuserinfo.expoint1}</em></span>
                                <span><i class="iconfont icon-zan2"></i> 被赞同 : <em class="aw-text-color-orange">{$homeuserinfo.ztcount}</em></span>
                            </div>
                            <!-- 擅长话题 -->
                            <div class="good-at-topics clearfix">
                                <h2>擅长话题</h2>
                                <ul>

                                    {volist name="schtlist" id="vo" offset="0" length='6'}
                                    <li>
                                        <span class="topic-tag">
                                            <a href="{:es_url('Topic/index',array('name'=>$vo['name']))}" class="text"> {$vo.name}</a>
                                        </span>
                                        <span>
                                            <i class="iconfont icon-zan2"></i> {$vo.praise}
                                          </span>
                                    </li>
                                    {/volist}
                                </ul>
                            </div>
                            <!-- end 擅长话题 -->

                        </div>
                        <div class="mod-footer">
                            <ul class="nav nav-tabs aw-nav-tabs">

                                <li><a href="#topics" id="page_topics" data-toggle="tab">帖子<span
                                        class="badge"></span></a></li>
                                <li><a href="#comments" id="page_comments" data-toggle="tab">评论<span
                                        class="badge"></span></a></li>
                                <li><a href="#focus" id="page_focus" data-toggle="tab">关注</a></li>
                                <li><a href="#actions" id="page_actions" data-toggle="tab">动态</a></li>
                                <li class="active"><a href="#detail" id="page_detail" data-toggle="tab">详细资料</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- end 用户数据内容 -->

                    <div class="aw-user-center-tab">
                        <div class="tab-content">
                            <div class="tab-pane" id="topics">

                                <div class="aw-mod">
                                    <div class="mod-head">
                                        <h3>帖子</h3>
                                    </div>
                                    <div class="mod-body">
                                        <style>
                                            .markitup-box img{max-width: 100%;}
                                        </style>
                                        <div class="aw-profile-publish-list" id="contents_user_topics">


                                        </div>
                                    </div>
                                    <div class="mod-footer">
                                        <!-- 加载更多内容 -->
                                        <a class="aw-load-more-content" id="bp_user_topics_more" data-page="0">
                                            <span>更多</span>
                                        </a>
                                        <!-- end 加载更多内容 -->
                                    </div>
                                </div>


                            </div>

                            <div class="tab-pane" id="comments">
                                <div class="aw-mod">
                                    <div class="mod-head">
                                        <h3>评论</h3>
                                    </div>
                                    <div class="mod-body">
                                        <div class="aw-profile-answer-list" id="contents_user_comments">


                                        </div>
                                    </div>
                                    <div class="mod-footer">
                                        <!-- 加载更多内容 -->
                                        <a class="aw-load-more-content" id="bp_user_comments_more" data-page="0">
                                            <span>更多</span>
                                        </a>
                                        <!-- end 加载更多内容 -->
                                    </div>
                                </div>
                            </div>

                            <div class="tab-pane " id="focus">
                                <!-- 自定义切换 -->
                                <div class="aw-mod">
                                    <div class="aw-tabs text-center">
                                        <ul>
                                            <li class="active"><a>关注的人</a></li>
                                            <li><a>关注者</a></li>
                                            <li class=""><a>关注的话题</a></li>
                                            <li class=""><a>关注的帖子</a></li>
                                        </ul>
                                    </div>
                                    <div class="mod-body">
                                        <div class="aw-tab-content">
                                            <div class="aw-mod aw-user-center-follow-mod">
                                                <div class="mod-body">
                                                    <ul id="contents_user_follows" class="clearfix">


                                                    </ul>
                                                </div>
                                                <div class="mod-footer">
                                                    <!-- 加载更多内容 -->
                                                    <a class="aw-load-more-content" id="bp_user_follows_more"
                                                       data-page="0">
                                                        <span>更多</span>
                                                    </a>
                                                    <!-- end 加载更多内容 -->
                                                </div>
                                            </div>
                                            <div class="aw-mod aw-user-center-follow-mod hide">
                                                <div class="mod-body">
                                                    <ul class="clearfix" id="contents_user_fans">

                                                    </ul>
                                                </div>
                                                <div class="mod-footer">
                                                    <!-- 加载更多内容 -->
                                                    <a class="aw-load-more-content" id="bp_user_fans_more"
                                                       data-page="0">
                                                        <span>更多</span>
                                                    </a>
                                                    <!-- end 加载更多内容 -->
                                                </div>
                                            </div>
                                            <div class="aw-mod aw-user-center-follow-mod hide">
                                                <div class="mod-body">
                                                    <ul id="contents_user_focus" class="clearfix">


                                                    </ul>
                                                </div>
                                                <div class="mod-footer">
                                                    <!-- 加载更多内容 -->
                                                    <a class="aw-load-more-content" id="bp_user_focus_more"
                                                       data-page="0">
                                                        <span>更多</span>
                                                    </a>
                                                    <!-- end 加载更多内容 -->
                                                </div>
                                            </div>
                                            <div class="aw-mod aw-user-center-follow-mod hide">
                                                <div class="mod-body">
                                                    <ul id="contents_user_focustopic" class="clearfix">


                                                    </ul>
                                                </div>
                                                <div class="mod-footer">
                                                    <!-- 加载更多内容 -->
                                                    <a class="aw-load-more-content" id="bp_user_focustopic_more"
                                                       data-page="0">
                                                        <span>更多</span>
                                                    </a>
                                                    <!-- end 加载更多内容 -->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- end 自定义切换 -->
                            </div>
                            <div class="tab-pane" id="actions">
                                <div class="aw-mod">
                                    <div class="mod-head">
                                        <h3>最新动态</h3>
                                    </div>
                                    <div class="mod-body">
                                        <div id="contents_user_actions">


                                        </div>
                                    </div>
                                    <div class="mod-footer">
                                        <!-- 加载更多内容 -->
                                        <a class="aw-load-more-content" id="bp_user_actions_more" data-page="0">
                                            <span>更多</span>
                                        </a>
                                        <!-- end 加载更多内容 -->
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane active" id="detail">
                                <div class="aw-mod">
                                    <div class="mod-head">
                                        <h3>详细资料</h3>
                                    </div>
                                    <div class="mod-body aw-user-center-details">
                                        <dl>
                                            <dt><span>个人成就:</span></dt>
                                            <dd>
                                                <p class="meta">
                                                    <span><i class="iconfont icon-gongxianbang"></i> 威望 : <em
                                                            class="aw-text-color-green">{$homeuserinfo.expoint2}</em></span>
                                                    <span><i class="iconfont icon-jifen"></i> 金币 : <em
                                                            class="aw-text-color-orange">{$homeuserinfo.point}</em></span>
                                                    <span><i class="iconfont icon-huoyuedu"></i> 经验 : <em
                                                            class="aw-text-color-orange">{$homeuserinfo.expoint1}</em></span>
                                                    <span><i class="iconfont icon-zan2"></i> 被赞同 : <em
                                                            class="aw-text-color-orange">{$homeuserinfo.ztcount}</em></span>


                                                </p>
                                            </dd>
                                        </dl>


                                        <dl>
                                            <dt><span>最后活跃:</span></dt>
                                            <dd>{$lasttime|friendlyDate}</dd>
                                        </dl>


                                        <dl>
                                            <dt><span>邀请链接:</span></dt>
                                            <dd>{$yqlink}</dd>
                                        </dl>

                                        <dl>
                                            <dt><span>擅长话题:</span></dt>
                                            <dd class="aw-user-center-details-good-topic">

                                                {volist name="schtlist" id="vo" offset="0" length='6'}

                                                <div>
                                                <span class="topic-tag">
                                                  <a href="{:es_url('Topic/index',array('name'=>$vo['name']))}"
                                                     class="text"> {$vo.name}</a>
                                                </span>
                                                    <span>
                                                    <i class="iconfont icon-zan2"></i> {$vo.praise}                                                </span>
                                                </div>
                                                {/volist}


                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 侧边栏 -->
                <div class="col-sm-12 col-md-3 aw-side-bar">
                    <div class="aw-mod people-following">
                        <div class="mod-body">
                            <a onclick="$('#page_focus').click();$('#focus .aw-tabs ul li').eq(0).click();$.scrollTo($('#focus').offset()['top'], 600, {queue:true})"
                               class="pull-right font-size-12">更多 »</a>
                            <span>
                                关注 <em class="aw-text-color-blue">{$homeuserinfo.gzcount}</em> 人                            </span>
                            <p>

                                {volist name="gzlist" id="vo"}
                                <a class="aw-user-name" data-id="{$vo.sid}"
                                   href="{:es_url('user/home',array('id'=>$vo['sid']))}"><img alt="{$vo.nickname}"
                                                                                              src="{$vo.userhead|getheadurl}"></a>
                                {/volist}

                            </p>
                        </div>
                    </div>
                    <div class="aw-mod people-following">
                        <div class="mod-body">
                            <a onclick="$('#page_focus').click();$('#focus .aw-tabs ul li').eq(1).click();$.scrollTo($('#focus').offset()['top'], 600, {queue:true})"
                               class="pull-right font-size-12">更多 »</a>
                            <span>
                                被 <em class="aw-text-color-blue">{$homeuserinfo.fscount}</em> 人关注                            </span>

                            <p>
                                {volist name="fslist" id="vo"}
                                <a class="aw-user-name" data-id="{$vo.uid}"
                                   href="{:es_url('user/home',array('id'=>$vo['uid']))}"><img alt="{$vo.nickname}"
                                                                                              src="{$vo.userhead|getheadurl}"></a>
                                {/volist}
                            </p>
                        </div>

                    </div>
                    <div class="aw-mod people-following">
                        <div class="mod-body">
                            关注 <em class="aw-text-color-blue">{$homeuserinfo.gzhtcount}</em> 话题
                            <div class="aw-topic-bar">
                                <div class="tag-bar clearfix">
                                    {volist name="gzhtlist" id="vo"}
                                    <span class="topic-tag">
                                         <a href="{:es_url('Topic/index',array('name'=>$vo))}"
                                            class="text"> {$vo.name}</a>
                                           
                                        </span>
                                    {/volist}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="aw-mod">
                        <div class="mod-body">
                            <span class="aw-text-color-666">
                                主页访问量 :  {$homeuserinfo.visitorcount}次访问                            </span>
                        </div>
                    </div>
                </div>
                <!-- end 侧边栏 -->
            </div>
        </div>
    </div>
</div>
{/block}

{block name="script"}
<script>
    $(function () {
        var PEOPLE_USER_ID = "{$homeuserinfo['id']}";

        AWS.load_list_view(G_BASE_URL + 'index.php?c=Ajaxinfo&a=gethomedata&uid=' + PEOPLE_USER_ID + '&actions=1', $('#bp_user_focus_more'), $('#contents_user_focus'));	// 关注话题列表

        AWS.load_list_view(G_BASE_URL + 'index.php?c=Ajaxinfo&a=gethomedata&uid=' + PEOPLE_USER_ID + '&actions=2', $('#bp_user_comments_more'), $('#contents_user_comments'));	// 评论

        AWS.load_list_view(G_BASE_URL + 'index.php?c=Ajaxinfo&a=gethomedata&uid=' + PEOPLE_USER_ID + '&actions=3', $('#bp_user_actions_more'), $('#contents_user_actions'));	// 动态

        AWS.load_list_view(G_BASE_URL + 'index.php?c=Ajaxinfo&a=gethomedata&uid=' + PEOPLE_USER_ID + '&actions=4', $('#bp_user_follows_more'), $('#contents_user_follows'));	// 关注者

        AWS.load_list_view(G_BASE_URL + 'index.php?c=Ajaxinfo&a=gethomedata&uid=' + PEOPLE_USER_ID + '&actions=5', $('#bp_user_fans_more'), $('#contents_user_fans'));	// 粉丝

        AWS.load_list_view(G_BASE_URL + 'index.php?c=Ajaxinfo&a=gethomedata&uid=' + PEOPLE_USER_ID + '&actions=6', $('#bp_user_topics_more'), $('#contents_user_topics'));	// 帖子

        AWS.load_list_view(G_BASE_URL + 'index.php?c=Ajaxinfo&a=gethomedata&uid=' + PEOPLE_USER_ID + '&actions=7', $('#bp_user_focustopic_more'), $('#contents_user_focustopic'));	// 关注的帖子
        bp_user_focustopic_more

        if (window.location.hash) {
            if (document.getElementById(window.location.hash.replace('#', ''))) {
                document.getElementById(window.location.hash.replace('#', '')).click();
            }
        }

        $('.aw-tabs li').click(function () {
            $(this).addClass('active').siblings().removeClass('active');

            $('#focus .aw-user-center-follow-mod').eq($(this).index()).show().siblings().hide();
        });
    });
</script>
{/block}